<template>
    <div>
        <div class="my">
            <div class="myinfo">
                <img class="img" src="http://yanxuan.nosdn.127.net/8945ae63d940cc42406c3f67019c5cb6.png" alt=""> 
                 <p style="color:#fff">用户</p>
            </div>
           
        
            <div class="list">
                <div class="item"> <p>我的订单 </p></div>
                 <div class="item"><p>优惠券</p></div>
                  <div class="item"><p> 我的足迹 </p></div>
                    
                    <router-link tag="div" class="item" to="/my/collection">
                        <!-- <div class="item">  -->
                       <p>我的收藏</p>
                    </router-link>
                       <!-- </div> -->
                    <router-link tag="div" class="item" to="/my/address">
                        <p>地址管理</p>
                    </router-link>
                     <div class="item"><p>联系客服</p></div>
                      <div class="item"><p>帮助中心</p></div>
                       <div class="item"><p>意见反馈</p></div>
                       <div class="item"></div>

            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data(){
            return{

            }
        }
    }
</script>

<style lang="scss" scoped>
 .my{
     width: 100%;
     height: 354px;
     background-color: #f4f4f4;
     .myinfo{
         display: flex;
         align-items: center;
         height: 140px;
         background-color: #333;
         .img{
             width: 74px;
             height: 74px;
             border-radius: 50%;
             margin-left: 15px;
             margin-right: 15px;
             p{ 
             font-size: 12px;
             margin-top: 30px;
             }          
         }  
     }
     .list{
         width: 100%;
         height: 214px;
         display: flex;
         justify-content: space-between;
         align-items: center;
         flex-wrap: wrap;
         .item{
             height: 72px;
             width: 32.5%;
             border: 1px solid #f4f4f4;
             background-color: #fff;
             text-align: center;
             p{
                 line-height: 45px;
             }
         }
     }
 }
</style>